﻿.table-fixed-header {
    position: relative;
    overflow: auto;
    height: 500px; /* Adjust the height as needed */
}

    .table-fixed-header thead th {
        position: -webkit-sticky; /* For Safari */
        position: sticky;
        top: 0;
        background-color: #BAC1C5; /* Adjust background color as needed */
        /* color: white; */
        z-index: 1;
    }

/* Custom scrollbar for WebKit browsers */
.table-fixed-header::-webkit-scrollbar {
    height: 12px; /* Set the height of the horizontal scrollbar */
}

.table-fixed-header::-webkit-scrollbar-track {
    background: #f1f1f1; /* Set the background color of the scrollbar track */
}

.table-fixed-header::-webkit-scrollbar-thumb {
    background: #888; /* Set the color of the scrollbar thumb */
    border-radius: 10px; /* Set the border radius for a rounded effect */
}

    .table-fixed-header::-webkit-scrollbar-thumb:hover {
        background: #555; /* Set the color of the scrollbar thumb on hover */
    }

/* Custom scrollbar for Firefox */
.table-fixed-header {
    scrollbar-width: thin; /* Set the width of the scrollbar */
    scrollbar-color: #888 #f1f1f1; /* Set the colors of the scrollbar thumb and track */
}

/* Ensure the container allows horizontal scrolling */
.table-fixed-header {
    overflow-x: auto;
}

.table {
    font-size: 12px;
   
}


.card-container {
    display: inline-flex; /* 使容器内的卡片按内容宽度显示，并保持在同一行 */
    padding: 10px; /* 可选：添加一些内边距 */
    align-items: center; /* 垂直居中内容 */
}

    .card-container .card {
        width: auto; /* 自动调整宽度以适应内容 */
        flex-grow: 1; /* 允许卡片根据需要扩展宽度 */
    }

.checkbox-list {
    --bb-checkbox-item-width: 80px;
}

